<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>三栏布局--左右固定 中间自适应</title>
    <style type="text/css">
        .left {width:100px;border:1px red solid;float:left;}
        .right {width:100px;border:1px red solid;float:right;}
        .center {margin:0 102px;border:1px blue solid;}
    </style>
</head>

<body>

<div class="left">这是左边，宽度固定</div>
<div class="right">这是右边，宽度固定</div>
<div class="center">这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。这是中间，宽度自适应。</div>

</body>
</html>